<style>
html{height: 100%;}
</style>
<div class="mobilepage">
<div class="top kf_top bb1">
    <span class="back col-lg-1 col-md-1 col-sm-2 col-xs-3">
        <img src="{{localurl}}images/back.png" class="back_img" alt="返回" ng-click="back()">
    </span>
    <span class="title col-lg-10 col-md-10 col-sm-8 col-xs-6">{{title}}</span>
    <span class="menu col-lg-1 col-md-1 col-sm-2 col-xs-3"></span>
</div>
<div class="mask_video" ng-show="v_start!=0&&v_move==0&&!isf">
    <div class="video_mask"  style="height: 175px;">
        <img src="{{localurl}}images/layout/video_mask.gif" alt="">
        <p><span ng-show="ms>0" style="display: inline;">{{ms}}'</span> <span ng-show="ss>=0" style="display: inline;">{{ss}}"</span></p>
         <span>手指上划,取消录音</span>
    </div>
</div>
<div class="mask_video" ng-show="v_move!=0">
    <div class="video_mask">
        <img src="{{localurl}}images/layout/up_mask.png" alt="">
        <div style="clear: both;height: 8px"></div>
        <span class="qx">松开手指,取消录音</span>
    </div>
</div>
    <div id="viewbd" class="weui_tab_bd">

<div class="pd0 pt100 pb48">
    <div class="message_top bb1">
        <div class="order_list_bot_top">
            <p class="order_list_bot_top_p row mg0">
            <span class="order_list_bot_top_span" ng-class="{on:o.status>=0}">
                <strong></strong><i class="right"></i>
                <em>提问</em>
            </span>
            <span class="order_list_bot_top_span" ng-class="{on:o.status>=20}">
                <i class="left"></i><strong></strong><i class="right"></i>
                <em>咨询师接单</em>
            </span>
            <span class="order_list_bot_top_span" ng-class="{on:o.status>=30}">
                <i class="left"></i><strong></strong><i class="right"></i>
                <em>诚信金预存</em>
            </span>
            <span class="order_list_bot_top_span" ng-class="{on:o.status>=40}">
                <i class="left"></i><strong></strong><i class="right"></i>
                <em>互动咨询</em>
            </span>
            <span class="order_list_bot_top_span" ng-class="{on:o.status>=50}">
                <i class="left"></i><strong></strong>
                <em>评价</em>
            </span>
            </p>
        </div>
    </div>
    
    <div class="message_info">
	    
	        <a  class="question_more_a" ng-show="nomore" style="display: none">没有更多了</a>
	    
        <dl class="row mg0" id="msgbody" ng-class="{message_info_dl_right:q.fromuser==m.user_id,message_info_dl_left:q.fromuser!=m.user_id}" ng-repeat="q in queue">
        <div style="    text-align: center;
    padding: 10px;
    color: #bbb;
    font-size: 14px;" ng-show="q.add_time!=''">{{q.add_time|date}}</div>
            <dt class="col-lg-1 col-md-1 col-sm-2 col-xs-2" ng-class="{fr:q.fromuser==m.user_id}">
                <span><img ng-src="{{site}}{{q.fromimg}}" err-src="{{localurl}}images/my/my_header_user.png" alt=""></span>
            </dt>
            <dd class="message_info_dd col-lg-10 col-md-10 col-sm-8 col-xs-8" ng-class="{fr:q.fromuser==m.user_id}">
                <p ng-show="q.msgtype>0" class="row mg0" ng-class="{message_info_top_p_fr:q.fromuser==m.user_id,message_info_top_p:q.fromuser!=m.user_id}" ng-click="play(this)">
                <img src="{{localurl}}images/layout/{{q.playf}}" width="20" alt="" ng-show="q.msgtype==1 && q.fromuser!=m.user_id" class="message_info_dd_video"/>
	            <img src="{{localurl}}images/layout/{{q.playm}}" width="20" alt="" ng-show="q.msgtype==1 && q.fromuser==m.user_id" class="message_info_dd_video_fr"/>
	            <i ng-show="q.msgtype==1&&q.msglength>0">{{q.msglength}}"</i>
                </p>
	            <p class="row mg0" ng-class="{message_info_dd_p_right:q.fromuser==m.user_id,message_info_dd_p:q.fromuser!=m.user_id}" ng-bind-html="q.msg" ng-show="q.msgtype==0||q.msgtype==undefined||q.msgtype==''"></p>
            </dd>
        </dl>
    </div>
</div>
<div style="height:170px;" ng-show="is_show==1"></div>
<div class="message_footer" ng-show="o.status>10 && o.status<40 ">
    <div class="message_bot">
    <span class="col-lg-1 col-md-1 col-sm-2 col-xs-2" ng-click="video_click()" ng-show="v==false">
        <img src="{{localurl}}images/layout/message_voice.png" class="message_bot_img" alt="">
    </span>
    <span class="col-lg-1 col-md-1 col-sm-2 col-xs-2" ng-click="video_click()" ng-show="v==true">
        <img src="{{localurl}}images/layout/key.png" class="message_bot_img2" alt="">
    </span>
    <span class="col-lg-10 col-md-10 col-sm-10 col-xs-10" ng-show="v==1">
        <a  class="message_voice_a" touch-area="">
            <img src="{{localurl}}images/layout/voice.png" alt="">按住 说话
        </a>
    </span>
    <span class="col-lg-9 col-md-9 col-sm-6 col-xs-6" ng-show="v==0">
    	<form ng-submit="send()">
        <input ng-focus="inputshow($event)" type="text" class="message_voice_input" ng-model="msg" id="msgtxt" my-text="" >
        </form>
    </span>
    <span class="col-lg-1 col-md-1 col-sm-2 col-xs-2" ng-click="biaoqing()" ng-show="v==0">
        <img src="{{localurl}}images/layout/message_bq.png" class="message_bot_img" alt="">
    </span>
    <span class="col-lg-1 col-md-1 col-sm-2 col-xs-2 btnsend" ng-show="v==0">
        <a  class="fasong" ng-click="send();">发送</a>
    </span>
    </div>
    <div class="expressions" ng-show="is_show==1">
    	<div class="expressions_top" ng-repeat="es in espression" ng-show="type==es.d_assist">
    		<i class="expressions_i" ng-repeat="e in es.espress" ng-click="express('{{e.d_key}}')">
    			<img src="{{localurl}}{{e.d_value}}" />
    		</i>
    		{{espression.isset}}
    		<i class="expressions_delete" ng-click="remove()"><img src="{{localurl}}images/expressions/delete.png" /></i>
    		<div style="clear:both;"></div>
    	</div>
    	<div class="expressions_bot">
    		<a href="javascript:void(0);" ng-repeat="es in espression" ng-class="{on:type==es.d_assist}" ng-click="express_type('{{es.d_assist}}')">{{es.d_assist}}</a>
    		<div style="clear:both;"></div>
    	</div>
    </div>
</div>
    </div>
</div>